<template>
  <div>
    <footer>
      <div>{{ list.length }}</div>
      <button @click="clear">清空任务</button>
    </footer>
  </div>
</template>
<script>
export default {
  name: "",
  data() {
    return {};
  },
  props: {
    list: {
      type: Array,
      default: () => [],
    },
  },
  created() {},
  computed: {},
  methods: {
    clear() {
      this.$emit("clear");
    },
  },
};
</script>
<style lang='less'  scoped>
</style>
